import React, { Component } from 'react';

// 按需导入 在styled 中定义的样式标签
// 使用时以组件的形式使用
import { Mytitle, Mytitle1, Mybuton, Mybuton1, Myp } from './styled';

class Mycom extends Component {
    render() {
        return (
            <div>
                <Mytitle>
                    测试 使用styled-componentss技术
                </Mytitle>
                <Mytitle1>
                    <>测试2</>
                </Mytitle1>
                <hr />
                <Mybuton>按钮1</Mybuton>
                <Mybuton1>按钮2</Mybuton1>
                <hr />
                <Myp background='yellow' font-size='30px'>
                    <span>测试样式属性的传递</span>
                </Myp>

            </div>
        );
    }
}

export default Mycom;
